//定义Aside组件
var Aside = React.createClass({
    //定义批量渲染内容
    createList:function () {
        return this.props.data.map(function (obj, index) {
            //定义id的目的就是当点击右边区域，更新滚动条位置
            return(
                <li key={index}>
                    <a href={'#'+obj.id}>{obj.title}</a>
                </li>
            )
        })
    },
    render:function () {
        return(
            <div className="aside">
                <ul>
                    {this.createList()}
                </ul>
            </div>
        )
    }
});
module.exports = Aside;